<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="../css/aboveTool.css" type="text/css" media="screen"/>
    <script type="text/javascript" src="../js/jquery-3.6.0.min.js"></script>
</head>
<body>
<div th:replace="common/IncludeTop::header"></div>
<div id="Content">
    <div>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#Catalog").hide().fadeIn();
            });
        </script>
    </div>
    <div id="Catalog">
        <form action="/order/confirmOrder" method="post">
            <table>
                <tr>
                    <th colspan=2>Shipping Address</th>
                </tr>

                <tr>
                    <td>First name:</td>
                    <td>
                        <input type="text" name="order.shipToFirstName" th:value="${session.account.firstName}"/>
                    </td>
                </tr>
                <tr>
                    <td>Last name:</td>
                    <td>
                        <input type="text" name="order.shipToLastName" th:value="${session.account.lastName}"/>
                    </td>
                </tr>
                <tr>
                    <td>Address 1:</td>
                    <td>
                        <input type="text" size="40" name="order.shipAddress1" th:value="${session.account.address1}"/>
                    </td>
                </tr>
                <tr>
                    <td>Address 2:</td>
                    <td>
                        <input type="text" size="40" name="order.shipAddress2" th:value="${session.account.address2}"/>
                    </td>
                </tr>
                <tr>
                    <td>City:</td>
                    <td>
                        <input type="text" name="order.shipCity" th:value="${session.account.city}"/>
                    </td>
                </tr>
                <tr>
                    <td>State:</td>
                    <td>
                        <input type="text" size="4" name="order.shipState" th:value="${session.account.state}"/>
                    </td>
                </tr>
                <tr>
                    <td>Zip:</td>
                    <td>
                        <input type="text" size="10" name="order.shipZip" th:value="${session.account.zip}"/>
                    </td>
                </tr>
                <tr>
                    <td>Country:</td>
                    <td>
                        <input type="text" size="15" name="order.shipCountry" th:value="${session.account.country}"/>
                    </td>
                </tr>
            </table>

            <input type="submit" name="newOrder" value="Continue"/>
        </form>

    </div>
</div>
<div th:replace="common/IncludeBottom::footer"></div>
</body>
</html>